<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>砭石</title>
    <link href="http://www.jq22.com/jquery/bootstrap-3.3.4.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/storeEdit.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_842683_dvskxyvzdun.css">

</head>

<body>
    <header>
        <div class="top">
            <div class="title">
                <div class="logo"><img src="../images/logoWhite.png" alt=""></div>
                <p>后台管理系统</p>
            </div>
            <div class="login">
                <div class="userName">
                    <i class="icon iconfont icon-iconfontzhizuobiaozhun023104"></i>
                    <span>SZZ</span>
                </div>
                <div class="btn">安全退出</div>
            </div>
        </div>
    </header>
    <main>
        <nav class="leftNav">
            <ul>
                <li>
                    <a href="./home.html">
                        <i class="iconfont icon-shouye2"></i>
                        <span>首页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    </a>
                </li>
                <li>
                    <a href="./vip.html">
                        <i class="iconfont icon-iconfontzhizuobiaozhun023104"></i>
                        <span>会员管理</span>
                    </a>
                </li>
                <li>
                    <a href="./appoint.html">
                        <i class="icon-yuyue1 iconfont"></i>
                        <span>预约管理</span>
                    </a>
                </li>
                <li>
                    <a href="./serve.html">
                        <i class="icon-fuwuchuangb iconfont"></i>
                        <span>服务管理</span>
                    </a>
                </li>
                <li>
                    <a href="./news.html">
                        <i class="icon-xinwen iconfont"></i>
                        <span>新闻管理</span>
                    </a>
                </li>
                <li class="active">
                    <a href="./store.html">
                        <i class="icon-dianpufill iconfont"></i>
                        <span>店铺管理</span>
                    </a>
                </li>
                <li>
                    <a href="./area.html">
                        <i class="icon-quyuditu iconfont"></i>
                        <span>区域设定</span>
                    </a>
                </li>
                <li>
                    <a href="./vipGrade.html">
                        <i class="icon-vip iconfont"></i>
                        <span>会员等级</span>
                    </a>
                </li>
                <li>
                    <a href="./order.html">
                        <i class="icon-dingdan iconfont"></i>
                        <span>订单管理</span>
                    </a>
                </li>
                <li>
                    <a href="./operatingCenter.html">
                        <i class="icon-shezhi iconfont"></i>
                        <span>运营中心</span>
                    </a>
                </li>
                <li>
                    <a href="./record.html">
                        <i class="icon-jiankang iconfont"></i>
                        <span>健康档案</span>
                    </a>
                </li>
            </ul>
        </nav>
        <div class="rightContent">
            <div class="title">当前所在位置：店铺管理&gt;门店详情>门店编辑<span></span></div>
            <div class="storeInfo">
                <h2>门店信息编辑</h2>
                <div class="storeInfoEdit backWit">
                    <div class="ipt">
                        <label for="name">门店名称</label>
                        <input type="text" id="name">
                    </div>
                    <div class="ipt shopHours">
                        <label for="cleaTime">营业时间</label>
                        <input type="text" id="cleaTime"><span>至</span><input type="text" id="closeTime">
                    </div>
                    <div class="ipt storeIntroduce">
                        <label for="introduce">门店名称</label>
                        <textarea id="introduce"></textarea>
                    </div>
                    <div class="ipt subjection">
                        <label for="cleaTime">门店隶属</label>
                        <form class="form-inline">
                            <div id="distpicker5">
                                <div class="form-group">
                                    <label class="sr-only" for="province10">Province</label>
                                    <select class="form-control" id="province10"></select>
                                </div>
                                <div class="form-group">
                                    <label class="sr-only" for="city10">City</label>
                                    <select class="form-control" id="city10"></select>
                                </div>
                                <div class="form-group">
                                    <label class="sr-only" for="district10">District</label>
                                    <select class="form-control" id="district10"></select>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="ipt">
                        <label for="address">门店地址</label>
                        <input type="text" id="address">
                    </div>
                    <div class="ipt setImg">
                        <p>缩略图</p>
                        <div class="add">
                            <img src="" alt="">
                            <span>+</span>
                            <input type="file" name="" id="iptFile">
                        </div>
                        <b>建议上传尺寸为：200*200px，大小不超过100kb</b>
                    </div>
                </div>
            </div>
            <div class="manageSet">
                <h2>管理员设置</h2>
                <div class="storeManage">
                    <div class="shopowner backWit">
                        <p><span class="iconfont icon-dian icon"></span>店长</p>
                        <div class="ipt name">
                            <label>姓名</label>
                            <input type="text">
                            <b>请填写您的真实姓名</b>
                        </div>
                        <div class="ipt phone">
                            <label>手机号</label>
                            <input type="text">
                            <b>该账号为管理员登录账号，请如实填写</b>
                        </div>
                        <div class="ipt psd">
                            <label>登录密码</label>
                            <input type="password">
                            <b>不少于6位字母或数字的组合</b>
                        </div>
                        <div class="ipt psd">
                            <label>确认密码</label>
                            <input type="password">
                            <b>重复输入上述密码</b>
                        </div>
                    </div>
                    <div class="shopowner backWit manage">
                        <p><span class="iconfont icon-dian icon"></span>管理员01</p>
                        <div class="ipt name">
                            <label>姓名</label>
                            <input type="text">
                            <b>请填写您的真实姓名</b>
                        </div>
                        <div class="ipt phone">
                            <label>手机号</label>
                            <input type="text">
                            <b>该账号为管理员登录账号，请如实填写</b>
                        </div>
                        <div class="ipt psd">
                            <label>登录密码</label>
                            <input type="password">
                            <b>不少于6位字母或数字的组合</b>
                        </div>
                        <div class="ipt psd">
                            <label>确认密码</label>
                            <input type="password">
                            <b>重复输入上述密码</b>
                        </div>
                    </div>
                </div>
                <div class="addManage backWit">
                    继续添加管理员
                </div>
                <div class="btnad">保存</div>
            </div>
        </div>

    </main>
    <script src="../js/jquery-3.3.1.js"></script>
    <script src="../js/jquery-clock-timepicker.min.js"></script>
    <script src="../js/distpicker.data.js"></script>
    <script src="../js/distpicker.js"></script>
    <script src="../js/main.js"></script>
    <script>
        $(function () {
            $('.store').click(function () {
                window.location.href = 'storeDetails.html'
            })
            $('#closeTime').clockTimePicker({});
        })
    </script>
</body>

</html>